.map {
    height: 100%;
}
.map h3 {
    margin-bottom: 30px;
    text-align: left;
    margin-bottom: 0.1rem;
    padding: 0.03rem 0.1rem;
    font-size: 0.1rem;
    color: var(--c_mainWhite);
    background: linear-gradient(to right, var(--c_mainBlue), transparent);
    z-index: 1;
    --c_mainBlue: #4d96ba;
    --c_highlightBlue: #2c519d;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: midnightblue;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
}
.map .input-group {
    width: 100%;
    height: 10%;
    z-index: 1;
}
.map .input-group label input {
    vertical-align: middle;
}
.map .input-group button {
        margin-left: .125rem;
        font-size: .0625rem !important;
        color: #fff;
        background: deepskyblue;
}
.map .chart {
    height: 75%;
    position: relative;
}
.map .chart:before {
    content: '北↑';
    position: absolute;
    left: .99rem;
    top: 0rem;
    color: white;
    font-size: .1rem;
}
.map .chart .zhizhenss {
    width: 1.0625rem !important;
    height: 1.0625rem !important;
    position: absolute;
    top: .30rem;
    right: 1.48rem;
    z-index: 1; 
    filter: opacity(0.8);
}

.map .chart #tuututuut {
    width: 60% !important;
    height: 100%;
    margin-bottom: .375rem;
}
.map .chart .text {
    width: 30% !important;
    position: absolute;
    top: .125rem;
    right: .25rem;
    p{
        font-size: .075rem;
    }

}